<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/color.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/demo/demo.css"/>
    <script type="text/javascript" src="js/jquery-easyui-1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>

    <script type="text/javascript" src="js/api/api.js"></script>
    <script type="text/javascript" src="js/pages/authorityManage.js"></script>

    <style>
        html{
            height:100%;
        }
        body{
            height:100%;
            margin-top:10px;
        }
    </style>
</head>
<body class="easyui-layout" style="margin-top: 10px;">
        <div data-options="region:'west',title:'权限列表',collapsible:false" style="width:300px;padding:10px;mix-height:300px;">
            <div id="groupDataList" data-options="border:false"></div>
        </div>
        <div data-options="region:'center'" style="padding:0px">

            <div id="tt" class="easyui-tabs" style="width:100%;height:auto;min-height:500px;"
                 data-options="border:false">
                <div title="权限编辑" style="padding:20px;display:none;">
                    <div>
                        <a href="javascript:void(0)" class="easyui-linkbutton c1"
                           onclick="addItem()" style="width:120px">添加</a>
                        <a href="javascript:void(0)" class="easyui-linkbutton c1"
                           onclick="editItem()" style="width:120px">编辑</a>
                        <a href="javascript:void(0)" class="easyui-linkbutton c5"
                           onclick="removeItem()" style="width:120px">删除</a>
                    </div>
                    <br/>
                    <div class="easyui-panel"
                         style="width:100%;padding:30px 60px;">
                        <form id="ff">
                            <div style="margin-bottom:20px;display:none;">
                                <input id="id" class="easyui-textbox" name="id" style="width:100%;"
                                       data-options="label:'权限ID:'"/>
                            </div>
                            <div style="margin-bottom:20px">
                                <input id="evpCode" class="easyui-textbox" name="evpCode" style="width:100%"
                                       data-options="label:'权限编码:',required:true"/>
                            </div>
                            <div style="margin-bottom:20px">
                                <input id="evpName" class="easyui-textbox" name="evpName" style="width:100%"
                                       data-options="label:'权限名称:',required:true"/>
                            </div>
                            <div style="margin-bottom:20px">
                                <input id="description" class="easyui-textbox" name="description" style="width:100%;"
                                       data-options="label:'权限描述:'"/>
                            </div>
                        </form>
                        <div style="text-align:center;padding:5px 0">
                            <a id="submitButton" href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()"
                               style="width:80px" data-options="">添加</a>
                            <a id="submitEditButton" href="javascript:void(0)" class="easyui-linkbutton" onclick="submitEditForm()"
                               style="width:80px;display:none" data-options="">编辑</a>
                            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()"
                               style="width:80px" data-options="">清空</a>
                        </div>
                    </div>
                </div>
                <div title="权限分配" data-options="closable:false" style="overflow:auto;padding:20px;display:none;">
                    <a href="javascript:void(0)" class="easyui-linkbutton c1"
                       onclick="subAuthMenu()"
                       style="width:120px">添加</a>
                    <br/>
                    <div id="p-01" class="easyui-panel"
                         style="width:100%;min-height:500px;padding:10px;background:#fafafa;margin-top:15px;">
                        <ul id="menuTree" class="easyui-tree"></ul>
                    </div>
                </div>
                <div title="关联用户" data-options="closable:false" style="padding:20px;display:none;">
                    <div>
                        <table id="userDataGrid" data-options="toolbar:'#userManageTB'"></table>
                    </div>

                    <div id="userManageTB" style="padding:2px 5px;">
                        <div>
                            姓名:<input id="userNameCBBox" class="easyui-combobox" style="width:110px"/>
                            帐号:<input id="accountCBBox" class="easyui-combobox" style="width:110px"/>
                            <a href="javascript:void(0)" onclick="searchUserList()" class="easyui-linkbutton" iconCls="icon-search">查询</a>
                        </div>
                    </div>
                </div>
                <div title="权限下发" data-options="closable:false" style="padding:20px;display:none;">
                    该功能尚未开发
                </div>
            </div>
        </div>
    <!--</div>-->
</body>
</html>